/* 회원가입 (join_front) */

/*content*/
.wrapper .center-content-wrap {width:994px; height: auto; overflow:hidden; margin:5px auto 0; position: relative; }

/*sub-layout*/
.wrapper .center-content-wrap .sub-left-menu {width:170px; height:auto; overflow: hidden; border:1px #CCC solid; border-bottom:0; float: left;}
.wrapper .center-content-wrap .memeber-section {float:right; width: 800px; height: auto; overflow: hidden; font-size: 10pt; color:#666; line-height: 17px; min-height:500px}
.wrapper .wrap-margin-control {margin-top:10px;} 

.left-benner {width:170px; height:159px;}
.left-benner img {display: block; width:170px; height:159px;}
.sub-left-menu div hr { clear: both; color:#F00; height: 1; border-width:2px 0 0 0; border-style: solid; border-color:#8e909f; }



.sub-left-login {margin:15px 6px 0; overflow: hidden; width: auto; height: auto;}

.sub-left-login .user-info {width: 96px; height: auto; overflow:hidden; float: left;}
.sub-left-login .user-info div {width: auto; height: auto; position: relative; overflow: hidden;}
.sub-left-login .user-info div input {width:84px; height: auto; color:#959595; font-size: 9pt; padding:5px 5px 2px; margin:0 0 8px 0; *margin:0 0 8px 0; border:1px #c7cbce solid;}
.sub-left-login .login-data {width:56px; height: auto; float: right; overflow: hidden; }
.sub-left-login .login-data div input{vertical-align: middle; margin-right:3px;}
.sub-left-login .login-data div {font-size: 11px;  color:#6f7072; width: auto; height: 23px; overflow: hidden; padding:4px 0 0; *margin:0 0 4px; position: relative;}

.sub-left-login .member-menu {font-size:11px; color:#666; width: auto; height: auto; overflow: hidden; clear: both; text-align: center;} 
.sub-left-login .member-menu span { color: #c6cbcf}
.sub-menu-list ul {margin:10px 18px; font-size: 10pt; color: #666;}
.sub-menu-list ul li {margin-bottom:10px;}
.sub-menu-list ul .on-menu {font-weight: bold;}


/*total-service*/

.total-service {background:#f9f9f9;width: 992px; margin:0 auto; height: 245px; overflow: hidden; border-top:2px #8c909f solid; border-width: 2px 1px 1px 1px;  border-color:#c7cbce; border-style:solid; position: relative;}
.total-service .service-title {width: auto; height: 30px; background: #FFF; border-bottom:1px #CCC solid;} 
.total-service .service-title h4 {padding:0; margin:0;}
.total-service .service-title h4 p {padding:8px 0 0 10px; display: block; float:left;}
.total-service .service-title h4 p span {font-size: 11px; font-weight: 100; color:#666;}
.total-service .service-title h4 .total-btn {float:right; margin:8px 10px 0 0; cursor: pointer;}

.total-service .service-nevi {margin:22px 14px; width: auto; height: auto;}
.total-service .service-nevi dl{float:left; width: 120px; border-left:1px #EEE solid; padding-left:10px; height: 170px; }
.total-service .service-nevi dl dt {margin-bottom:10px;}
.total-service .service-nevi dl dd a{display:block;font-size:11px; color:#666; padding:4px 0; overflow: hidden; width: auto; height: auto;}

.total-service .main-service {border-left:1px #EEE  solid; padding-left:10px; height: 215px; width: auto; overflow: hidden; position: absolute; right:120px; bottom:0;}
.total-service .main-service dt {margin-top:22px;margin-bottom:10px;}
.total-service .main-service dd a{display:block;font-size:11px; color: #666; padding:4px 0;}


/*footer*/
.footer-wrap {width:993px; height:204px; overflow: hidden; margin: 0 auto;}
.footer-wrap .custom-phone-info {width:auto; height: 28px; margin-top:3px; overflow: hidden; border-bottom:1px #b1b5c1 solid; text-align: center; *padding:6px 0 8px; *height: auto }
.footer-wrap .custom-phone-info li {display: inline-block; *display: inline; *zoom: 0;  margin:5px 1px 0; padding-right:32px;}
.footer-wrap .custom-phone-info li span {font-size: 11px; color: #666; vertical-align: 0pt;}
.footer-wrap .custom-phone-info li img {vertical-align: -0.11px;}

.footer-wrap .company-menu {width: auto; height: auto; overflow: hidden; text-align: center; margin:17px 0;}
.footer-wrap .company-menu li {display: inline-block; *display:inline; *zoom: 1; color:#666; font-size: 11px; font-weight: bold; *margin-right:5px;}
.footer-wrap .company-menu li span {font-weight: 100; color:#CCC;}
.footer-wrap p {font-size: 11px; color:#888; text-align: center; line-height: 17px; margin:0; padding:0; }
.footer-wrap p img{vertical-align:top;}
.footer-wrap p span {color:#CCC;}